<template>
  <div>
    <a-modal
      v-model:visible="modalVisible"
      width="60%"
      style="top: 5%"
      @cancel="onCancel"
      :maskClosable="false"
      @ok="confirm"
      bodyStyle="height: 80vh;overflow: auto;padding-top:0px"
      footer=""
    >
      <template #title>
        <div style="text-align: left">111</div>
      </template>

      222
    </a-modal>
  </div>
</template>
<script lang="ts" setup>
import {
  createVNode,
  reactive,
  onMounted,
  toRefs,
  defineExpose,
  ref,
} from "vue";

import VueCookies from "vue-cookies";
import { message } from "ant-design-vue";
import { Modal } from "ant-design-vue";

const modalVisible = ref(false);
function openModal() {
  modalVisible.value = true;
}

defineExpose({ openModal });
</script>

<style lang="less" scoped></style>
